import React, { Component } from 'react';

import { Tabs, Card, Form, Icon, Input, Button, Checkbox, Row, Col } from 'antd';
import SignIn from './SignIn';
import SignUp from './SignUp';


export default class Login extends Component {
  render() {
    // const { getFieldDecorator } = this.props.form;
      console.log('login', this.props);
    return (
      <div>
        <Tabs defaultActiveKey="1" tabPosition="right" style={{ backgroundColor: '#fff', padding: '50px', width: '560px', margin: '20px auto', borderRadius: '5px' }} >
            <Tabs.TabPane tab="登录" key="1">
              <SignIn history={this.props.history} />
            </Tabs.TabPane>
            <Tabs.TabPane tab="注册" key="2">
              <SignUp history={this.props.history} />
            </Tabs.TabPane>
        </Tabs>
      </div>
    );
  }
}
